<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
<h:head/>
<h:body>
    <ui:composition>
        <h:form>
        <center>
            <br/>
            <p:fragment autoUpdate="true">
                <p:panel header="Parametros de búsqueda" style="width: 400px;" id="pnlFormBiblioteca" widgetVar="pnlFormBiblioteca" >
                    <h:panelGrid  columns="2" border="0">

                        <p:outputLabel for="estProyecto" value="Estado de Proyecto : " />
                        <p:selectOneMenu id="estProyecto" value="#{bibliotecaView.estadoProyecto}">
                            <f:selectItem itemLabel="Todos" itemValue="" />
                            <f:selectItems value="#{bibliotecaView.estados.entrySet()}" var="entry" itemValue="#{entry.key}" itemLabel="#{entry.value}"/>
                        </p:selectOneMenu>

                        <p:outputLabel for="metodologia" value="Metodologia : " />      
                        <p:selectOneMenu id="metodologia" value="#{bibliotecaView.metodologia}">
                            <f:selectItem itemLabel="Todos" itemValue="" />
                            <f:selectItems value="#{bibliotecaView.metodologias.entrySet()}" var="entry" itemValue="#{entry.key}" itemLabel="#{entry.value}" />
                        </p:selectOneMenu>  

                    </h:panelGrid>
                    <f:facet name="footer">
                        <p:commandButton value="Consultar" ajax="true" actionListener="#{bibliotecaView.buscarBiblioteca}" />
                    </f:facet>
                </p:panel> 

                <c:if test="#{bibliotecaView.cantidadElementos>0}">
                    <br/><br/>
                    <h:outputText value="Recuerda que la información mostrada es solo de tu propiedad, si deseas borrarla tendrás que dar de baja tu cuenta." />
                    <br/><br/>
                    
                    <h:commandLink>
                        <p:graphicImage value="/images/excel.png" width="24" />
                        <p:dataExporter type="xls" postProcessor="#{bibliotecaView.postProcessXLS}" target="tbl" fileName="biblioteca" />
                    </h:commandLink>

                    <h:commandLink>
                        <p:graphicImage value="/images/pdf.png" width="24"/>
                        <p:dataExporter type="pdf" target="tbl" fileName="biblioteca"/>
                    </h:commandLink>

                    <h:commandLink>
                        <p:graphicImage value="/images/csv.png" width="24"/>
                        <p:dataExporter type="csv" target="tbl" fileName="biblioteca" />
                    </h:commandLink>

                    <h:commandLink>
                        <p:graphicImage value="/images/xml.png" width="24"/>
                        <p:dataExporter type="xml" target="tbl" fileName="biblioteca" />
                    </h:commandLink>
                    
                    <br/><br/>
                    
                    <p:dataTable 
                                id="tbl"
                                var="ele"
                                value="#{bibliotecaView.lstElementos}" 
                                rows="50"
                                paginator="true" 
                                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                                filteredValue="#{bibliotecaView.filtroElementos}"
                                emptyMessage="No se encontró ningun elemento :(" 
                                style="height: 80%;">
<!--
                        <f:facet name="header">
                            <p:outputPanel style="text-align: right;">
                                <h:outputText value="BUSCAR EN TODO EL CONTENIDO : " />
                                <p:inputText id="globalFilter" onkeyup="PF('elementosTabla').filter();" style="width:150px" placeholder="Ingresar texto"/>
                            </p:outputPanel>
                        </f:facet>
    -->                    

                        <p:column headerText="Nro elemento">
                            <h:outputText value="#{ele.strNroElemento}" />
                        </p:column>
                      
                        <p:column headerText="Proyecto">
                            <h:outputText value="#{ele.strProyectos}" />
                        </p:column>
                        
                        <p:column headerText="Fecha proyecto">
                            <h:outputText value="#{ele.strFechaProyecto}" />
                        </p:column>
                        
                        <p:column headerText="Evaluacion">
                            <h:outputText value="#{ele.strCuestionarios}" />
                        </p:column>
                        
                        <p:column headerText="Metodologia">
                            <h:outputText value="#{ele.strDescMetodologia}" />
                        </p:column>
                        
                        <p:column headerText="Tipo elemento">
                            <h:outputText value="#{ele.strTipoElemento}" />
                        </p:column>

                        <p:column headerText="Descripcion">
                            <h:outputText value="#{ele.strDescElemento}" />
                        </p:column>

                        <p:column headerText="Usados en:">
                            <h:outputText value="#{ele.strExtension}" />
                        </p:column>
    
                    </p:dataTable>
                    
                </c:if>

                <c:if test="#{bibliotecaView.cantidadElementos==0}">
                    <h:panelGrid columns="1" style="width: 100%; height: 100%;" border="0" class="ui-align-center" >
                        <h:outputLabel class="ui-amigable-1">
                            <br/>
                            ¡Sin resultado!<br/>
                            No encontramos datos guardados sobre tu búsqueda! <br/>
                            <h:outputLabel class="ui-amigable-2" value=":("/>
                        </h:outputLabel>
                    </h:panelGrid>
                </c:if>

                <c:if test="#{bibliotecaView.cantidadElementos==-1}">
                    <h:panelGrid columns="1" style="width: 100%; height: 100%;" border="0" class="ui-align-center" >
                        <h:outputLabel class="ui-amigable-1">
                            <br/>
                            ¡Inicia tu búsqueda!<br/>
                            Coloca los parametros y presiona consultar! <br/>
                            <h:outputLabel class="ui-amigable-2" value=":)"/>
                        </h:outputLabel>
                    </h:panelGrid>
                </c:if>
            </p:fragment>
        </center>
        </h:form>
    </ui:composition>

</h:body>
</html>